<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp/searchComponents">

	<rich:panel id="personasPanel">
		<rich:messages id="personasPopupMessages" styleClass="rf-msgs"
			errorClass="rf-msgs-err" />

		<h:panelGrid width="100%" columns="4"
			columnClasses="firstColumnPersona, ">
			<ui:remove>
						Nombre de Persona
			</ui:remove>
			<h:outputLabel
				value="${msg['bienes.infoEspecifica.titularDerecho.persona.nombre']}" />
			<h:panelGrid>
				<h:inputText id="nombrePersonaConsulta"
					value="#{personasManager.personaConsultaDto.nombre}" class="longer"
					validatorMessage="${msg['general.formatoNoValido']}">
					
				</h:inputText>
				<h:message for="nombrePersonaConsulta"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

			<ui:remove>
						Id Persona
			</ui:remove>
			<h:outputLabel value="Id de persona" class="shortCol" />
			<h:panelGrid>
				<h:inputText id="idPersonaConsulta"
					value="#{personasManager.personaConsultaDto.id}">
				</h:inputText>
				<h:message for="idPersonaConsulta"
					errorClass="validationErrorMessage" />
			</h:panelGrid>
		</h:panelGrid>

		<h:panelGrid columns="8" width="100%"
			columnClasses="firstColumnPersona, , , , , ">

			<ui:remove>
						Tipo Documento
			</ui:remove>
			<h:outputLabel value="${msg['bienes.fileUpload.tipoDocumento']}"
				styleClass="nowrap" />
			<h:panelGrid>
				<h:selectOneMenu id="tipoDocumentoPersonaConsulta"
					value="#{personasManager.personaConsultaDto.idTipoDocumento}">
					<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
						noSelectionOption="true" />
					<f:selectItems
						value="#{personasManager.selectItemHelper.tipoDocumentoPersona}" />
					<f:ajax execute="@this"
						render="numeroDocumentoInputContainer numeroDocumentoLabelContainer" />
				</h:selectOneMenu>
				<h:message for="tipoDocumentoPersonaConsulta"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

			<ui:remove>
						Número de documento
			</ui:remove>
			<h:panelGrid columns="2" id="numeroDocumentoLabelContainer">
				<h:outputLabel
					value="${msg['bienes.infoEspecifica.titularDerecho.persona.numerodocumento']}"
					class="shortCol nowrap" />
				<h:outputLabel value="*"
					rendered="#{personasManager.personaConsultaDto.idTipoDocumento ne null}" />
			</h:panelGrid>
			<h:panelGrid id="numeroDocumentoInputContainer">
				<h:inputText id="numeroDocumentoPersonaConsulta"
					requiredMessage="${msg['general.requerido']}"
					required="#{personasManager.personaConsultaDto.idTipoDocumento ne null}"
					value="#{personasManager.personaConsultaDto.numeroDocumento}" />
				<h:message for="numeroDocumentoPersonaConsulta"
					errorClass="validationErrorMessage" />
			</h:panelGrid>
			
			<ui:remove>
						Alias
			</ui:remove>
			<h:panelGrid>
				<h:outputLabel value="Alias" class="shortCol" />
			</h:panelGrid>
			<h:panelGrid>
				<h:inputText id="aliasPersonaConsulta"
					value="#{personasManager.personaConsultaDto.alias}" label="Alias"
					validatorMessage="${msg['general.formatoNoValido']}">
					
				</h:inputText>
				<h:message for="aliasPersonaConsulta"
					errorClass="validationErrorMessage" />
			</h:panelGrid>

			<ui:remove>
						Radicado
			</ui:remove>
			<h:outputLabel value="Radicado" class="shortCol" />
			<h:panelGrid>
				<h:inputText id="radicadoPersonaConsulta"
					value="#{personasManager.personaConsultaDto.radicado}">
				</h:inputText>
				<h:message for="radicadoPersonaConsulta"
					errorClass="validationErrorMessage" />
			</h:panelGrid>
		</h:panelGrid>

		<h:panelGroup layout="block" style="text-align:center;">
			<ui:remove>
						Botones
			</ui:remove>
			<h:commandButton value="#{cc.attrs.acceptLabel}"
				action="#{personasManager.consultarListaPostulados}">
				<f:ajax render="personasPanel" execute="personasPanel" />
			</h:commandButton>

			<a4j:commandButton value="#{cc.attrs.cancelLabel}"
				action="#{personasManager.clearAll}" execute="personasPanel"
				oncomplete="#{rich:component(cc.attrs.popupId)}.hide(event); return false;" />

		</h:panelGroup>

		<br />

		<ui:include src="postuladoResult.xhtml">
			<ui:param name="popupId" value="#{cc.attrs.popupId}" />
			<ui:param name="renderProperties"
				value="#{cc.attrs.renderComponents}" />
		</ui:include>
	</rich:panel>
</ui:composition>